.online_service {
    position: fixed;
    right: 0;
    top: 300px;
    background: #fff;
    border-radius: 3px 0 0 3px;
    overflow: hidden;
    width: 78px;
    border: 2px solid rgba(238, 238, 238, 1);

    .service {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        background: rgba(48, 123, 255, 1);
        color: #fff;
        height: 102px;
        cursor: pointer;

        img {
            width: 38px;
            height: 34px;
        }

        span {
            margin: 8px 23px 0 23px;
            line-height: 1.2;
        }
    }

    .qr_code,
    .back_top {
        height: 74px;
        text-align: center;
        line-height: 74px;
        cursor: pointer;

        img {
            width: 32px;
            height: 32px;
            vertical-align: middle;
        }
    }

    .back_top {
        border-top: 2px solid rgba(238, 238, 238, 1);
    }
}

.big_qrcode {
    display:flex;
    align-items: center;
    justify-content: center;
    img {
        width: 120px;
        height: 120px;
    }
}